/* 
    Document   : palinsesto_creation
    Created on : 10-ago-2011, 19.05.26
    Author     : andrea
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.floatl {
    float: left;
}

.clr {
    clear: both;
}

#palinsesto {
    margin-top: 5px;
}

#videoList {
    width: 300px;
    height: 450px;
    border: 1px solid black;
    overflow-y: scroll;
    
    
}


    #videoList td {
        border-bottom:1px dashed black;
        
    }
    
    .titletd {
        vertical-align: top;
        width: 100%;
    }
    
    #palinsestoTitle>input {
        width: 280px;
    }
    
    .selectedItem{
        background-color: #e2e5fe;
    }

#videoListOrderer {
    width: 32px;
    height: 140px;
    margin-right: 5px;
    border-right:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid black;
}

    #videoListOrderer > img{
        margin-bottom: 4px;
    }
    
    #videoListOrderer > img:hover{
        cursor: pointer;
        opacity: 0.3;
    }

#actualVideo {
    width: 510px;
    height: 600px;
    margin-left:10px;
}

    #title {
        font-size: 20px;
        padding: 6px 2px 12px 2px;
    }
    
    #description{
        height: 100px;
        overflow-y: scroll;
    }   
    
    #metatags{
        height: 50px;
        overflow-y: scroll;
    } 
    
    #actions {
        padding-bottom:10px;
    }

#searchBox {
    height: 450px;
    margin-top: 5px;
    margin-bottom: 20px;
    
}

    #searchBar{
        height: 50px;
        margin-bottom:3px;
        padding-top:3px;
    }
    
    #searchBar td{
        padding-right: 20px;
    }
    
    #searchResults{
        height: 462px;
        margin-top:31px;
        margin-bottom:10px;
        width: 610px;
        overflow-y: scroll;
    }   

    .thumbs {
        width: inherit;
        cursor:pointer;
        padding:1px;
        width: 134px;
        height: 105px;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    #thumb_table {
    table-layout: fixed;
        margin-left: 10px;
    }
    
    .thumbs_td {
        width:132px;
        background: black;
        text-align: center;
        border:2px dotted #108513;
    }
    
#prevPagination{
    display: none;
}

.pageNavTd {
    width: 20px;
}

.pageNav{
    height: 20px;
    cursor:pointer;
}

.pageNav:hover {
    opacity: 0.3;
}

.inTheList_thumbTd{
    background-color: black;
}

.listElement{
    margin: 10px;
}

.listElement td {
    width:132px;
    height: 103px;
}

.listElement img{
    width: inherit;
}

#addButton{
    background-image: url('../img/add.png');
    width:32px;
    height: 32px;
    display:none;
    margin-top:-32px;
    margin-left:103px;
}

.addButton {
    background-image: url('../img/add.png');
    width:32px;
    height: 32px;
    z-index: 1021;
    
}

.closeButton {
    background-image: url('../img/close.png');
    width:32px;
    height: 32px;
    z-index: 1021;
    
}

.removeButton {
    background-image: url('../img/remove.png');
    width:32px;
    height: 32px;
    z-index: 1021;
    margin-top:75px;
    margin-left:104px;
    
}

#playButton {
    background-image: url('../img/play.png');
    width:32px;
    height: 32px;
    display:none;
    margin-top:-32px;
    margin-left:68px;
}    

#addTitle {
    background-image: url('../img/black.png');
    display:none;
    margin-bottom:-18px;
    position:relative;
    color:white;
}


.blackdiv {
    background-color: black;
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:800;
    opacity:0.5;
}

#palette {
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
}

.videoThumbList{
    
}

.placeholder{
    height: 25px;
    background-color: orange;
    border: 2px dashed;
    border-color: orangered;
    float:left;
    width:200%;
}